import React from 'react';
import ReactDOM from 'react-dom/client';

import { Provider } from 'react-redux'
import { BrowserRouter } from 'react-router-dom';

import App from './App';
import store from './store/index.js'

const root = ReactDOM.createRoot(document.getElementById('root'));
/*
执行了ReactDOM.render(<MyComponent/>.......之后，发生了什么?
1.React解析组件标签，找到了MyComponent组件。
2.发现组件是使用类定义的，随后new出来该类的实例，并通过该实例调用到原型上的render方法。
3.将render返回的虚拟DOM转为真实DOM,随后呈现在页面中。
*/

root.render(
  <Provider store={store}>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </Provider>
);